<!DOCTYPE html>
<html>
<head>
   <title>用户注册页面</title>
   <meta charset= "UTF-8" />
   <style type= "text/css" >
     *{margin:0px;padding:0px;}
     body{
     	
		background-image:url('https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2F5%2F552dba1fbd3e9.jpg%3Fdown&refer=http%3A%2F%2Fpic1.win4000.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1656219356&t=5e058cf1a31bd9756ec9e6ccb9880577') ;
     	background-repeat: no-repeat;
     	background-size:100% 150%; 
     }
     .login_in{
     	width:300px;
     	margin:50px auto;
     	background:rgba(0 ,0 ,0 ,0.3);
		margin-top:250px;
     	border-radius:10px;
     }
     ul{
     	height:200px;
       list-style:none;
     	
     	
     }
     li{
       padding:12px;
       position:relative;
     }
     label{
       width:80px;
       display:inline-block;
       float:left;
       line-height:30px;
     	color:white;
     	text-align:right;
     }
     input[type= 'text' ],input[type= 'password' ]{
     	
       height:30px;
     }
     img{
       margin-left:10px;
     }
     input[type= "submit" ]{
       margin-left:80px;
       padding:5px 10px;
     }
	.login_in a:hover{
		text-decoration:none;
		color: red;
	}
	.login_in a:link,a:visited{
		text-decoration:none;
		color: black;
	}
   </style>
</head>
<body>
<div class="login_in">
<form method= "post" >
   <ul>
     <li>
       <label>User：</label>
       <input type= "text" name= "username" placeholder= "-UserName / E-mail-" />
     </li>
     <li>
       <label>Password：</label>
       <input type= "password" name= "password" placeholder= "-Password-" />
     </li>
     
     <li>
       <input type= "submit" name="submit" value= "Sign In" />
     </li>   
   </ul>
   <span>No Account?</span><br>
       <a href="javascripts:;" onclick="">&nbsp;&nbsp;&nbsp;sign up</a>
</form>

</div>

</body>
</html>